.section{
	margin-top: 150px;
}
.textOverflow{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mulTextOverflow{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.foot-margin {
  margin-top: 100px;
}
.layui-form-checked[lay-skin=primary] i{
	background-color: #366F70;
	border: 1px solid #366F70;
}
.filter-wrap{
	margin-bottom: 100px;
	.layui-form{
		border: 1px solid #d2d2d2;
	}
	.layui-form-checkbox {
		span{
			font-size: 18px;
		}
	}
	.form-group{
		display: flex;
		justify-content: flex-start;
		font-size: 18px;
		line-height: 35px;
		padding: 20px 0;
		border-bottom: 1px solid #d2d2d2;
		&:last-of-type{
			border-bottom: none;
		}
	}
	.form-label{
		width: 80px;
		flex: 0 0 auto;
		text-align: center;
	}
	.form-content{
		width: 100%;
	}
	.custom-search{
		display: inline-block;
		input{
			width: 60px;
			text-align: center;
			border: 1px solid #366F70;
		}
		button{
			height: 24px;
			line-height: 24px;
			color: #fff;
			font-size: 14px;
			padding:0 10px;
			border: none;
			background-color: #366F70;
		}
		
	}
	.form-input{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-left: 23px;
		input{
			width: 300px;
			height: 40px;
			border: 1px solid #366F70;
			padding: 0 15px;
		}
		button{
			width: 70px;
			height: 40px;
			border: none;
			background-color: #366F70;
			color: #fff;
			
		}
	}
	.layui-form-select{
		display: inline-block;
		width: 100px;
	}
	.layui-input{
		height: 25px;
		font-size: 16px;
	}
}
.list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	.list-item{
		display: block;
		width: 280px;
		margin-top: 0px;
		margin-right: 26px;
		&:nth-of-type(4n){
			margin-right: 0;
		}
		&:nth-of-type(n+5){
			margin-top: 50px;
		}
	}
	.list-item-img{
		position: relative;
		img{
			width: 100%;
			height: 250px;
			object-fit: cover;
		}
	}
	.list-item-img-tips{
		&:extend(.textOverflow);
		width: 100%;
		height: 55px;
		line-height: 55px;
		text-align: right;
		color: #fff;
		font-size: 20px;
		padding: 0 20px;
		position: absolute;
		left: 0;
		bottom:0;
		background: rgba(0,0,0,0.40);;
	}
	.list-item-info{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 20px;
	}
	.list-item-name{
		&:extend(.textOverflow);
		margin: 0 0 20px 0;
		font-size: 28px;
		color: #333;
		font-weight: 600;
	}
	.list-item-introduce{
		&:extend(.mulTextOverflow);
		font-size: 24px;
		color: #666;
		margin-bottom: 20px;
	}
	.list-item-price-buy{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.list-item-price{
		font-size: 32px;
		color: #DF5F6D;
		span{
			font-size: 24px;
		}
	}
	.local-buy-btn{
		font-size: 28px;
		color: #376D70;
	}
}